/* $Id: plg.forms.css 26 2008-11-05 23:34:30Z cdemetriadis $ */

@charset "utf-8";

/*	-------------------------------------------------------------
	Lovely CSS - A CSS framework by Constantinos Demetriadis
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
	URL:			www.ohmylovely.com/css-framework/
	Description:	Form CSS module
	Author:			Constantinos Demetriadis
	                - - - - - - - - - - - - - - - - - - - - - - -
					Original code by Prabhath Sirisena
	-------------------------------------------------------------
*/	
		
	
/*	Form Container
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		div.form-container {
			margin: 0px;
			padding: 10px;
			border: #EEE 1px solid; }
			
/*	Errors
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		div.errors {
			margin: 0 0 10px 0;
			padding: 5px 10px;
			border: #FC6 1px solid;
			background-color: #FFC; }
			
		div.errors p {
			margin: 0; }
			
		div.errors p em {
			color: #C00;
			font-style: normal;
			font-weight: bold; }
			

/*	Fieldset
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		div.form-container form fieldset {
			margin: 10px 0;
			padding: 10px;
			border: #DDD 1px solid; }
			

/*	Legend
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
			
		div.form-container form fieldset legend {
			padding: 0 0.3em;
			font-weight: bold;
			color: #666; }
			

/*	Field Note
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		div.form-container form fieldset p.note {
			margin-left: 170px;
			font-size: 0.8em;
			color: #333; }
			
			
			
/*	Form Items
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		div.form-container form fieldset div {
			padding: 0.25em 0; }
	
		div.form-container label, 
		div.form-container span.label {
			margin-right: 10px;
			padding-right: 10px;
			width: 150px;
			display: block;
			float: left;
			text-align: right;
			position: relative; }
	
		div.form-container label.error, 
		div.form-container span.error {
			color: #C00; }
	
		div.form-container label em, 
		div.form-container span.label em {
			position: absolute;
			right: 0;
			font-size: 120%;
			font-style: normal;
			color: #C00; }
			
		div.form-container input.error {
			border-color: #C00;
			background-color: #FEF; }
			
		div.form-container input:focus,
		div.form-container input.error:focus, 
		div.form-container textarea:focus {
			background-color: #FFC;
			border-color: #FC6; }
			
		div.form-container div.controlset label, 
		div.form-container div.controlset input {
			display: inline;
			float: none; }
			 
		div.form-container div input {
			border-width: 1px; }
			
		div.form-container div.controlset div {
			margin-left: 170px; }
			
		div.form-container div.buttonrow {
			margin-left: 180px; }
			